<template>
  <div>
    <div class="mbo">
      <integral-banner></integral-banner>
      <!-- 积分兑了么是什么样的平台 -->
      <div class="m_one">
        <img src="../../assets/images/product/one02.png" alt />
        <div class="m_one_contant">
          <h3>积分兑了么是什么样的平台</h3>
          <p>
            积分兑了么是专业提供银行积分兑现服务。通过“积分兑换券码-报单-审
            核提现”模式，安全、快速的将银行积分变现。
          </p>
        </div>
      </div>
      <!-- 分割线 -->
      <div class="line"></div>
      <div class="m_two">
        <div class="m_two_contant">
          <h3>如何通过积分兑了么赚钱</h3>
          <p>
            个人银行积分变现 ，代理/黄金会员赚用户兑换差价
            代理/黄金会员赚推荐奖励。
          </p>
        </div>
        <img src="../../assets/images/product/two02.png" alt />
      </div>
      <div class="line"></div>
      <div class="m_three">
        <div class="m_one_contant">
          <h3>积分兑了么产品优势</h3>
          <p>
            全国首家积分兑换平台，直接将信用卡积分兑换现金的平台。支持40+银
            行积分/三网积分，积分兑换引领者，无线裂变体系，互联网裂变几何倍
            增无线层级的用户，赚取无线下级用户差价分润/伯乐分润，专业团队，
            5年支付经验，懂支付，懂信用卡更懂积分，自由技术团队，不断升级，
            优化用户体验
          </p>
        </div>
        <img class="threepic" src="../../assets/images/product/three02.png" alt />
      </div>
      <!-- 产品优势 -->
      <div class="m_advan_p">
        <div class="title">
          <div class="line"></div>产品优势
        </div>
        <div
          :class="['contant',advan_index == index ? 'contant_i':'']"
          @click="lookadvan(index)"
          v-for="(item, index) in advanlist"
          :key="index"
        >
          <div class="top">
            <div class="top_l">
              <!-- <img :src="item.src1" alt /> -->
              <span>{{'0'+(index+1)}}</span>
              {{item.little_title}}
            </div>
            <div class="jt">
              <i class="iconfont iconfont1">&#xe65b;</i>
              <i class="iconfont iconfont2">&#xe65d;</i>
            </div>
          </div>
          <div class="bot">
            <div class="bot_item" v-for="(items,index) in item.message" :key="index">
              <img :src="items.src" alt />
              <div class="bot_title">{{items.b_title}}</div>
              <p>{{items.cont}}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import integralBanner from "@/components/integralbanner/integralbanner.vue";

export default {
  components: {
    integralBanner
  },
  data() {
    return {
      advan_index: 20,
      advanlist: [
        {
          little_title: "行业开创者",
          message: [
            {
              src: require("../../assets/images/icon/01.png"),
              b_title: "全国首家",
              cont:
                "2018年3月8日积分兑了么正式上线，瞬间引爆整个积分市场，开启了积分兑换行业的元年。"
            },
            {
              src: require("../../assets/images/icon/02.png"),
              b_title: "全国首家",
              cont:
                "2018年3月8日积分兑了么正式上线，瞬间引爆整个积分市场，开启了积分兑换行业的元年。"
            },
            {
              src: require("../../assets/images/icon/03.png"),
              b_title: "全国首家",
              cont:
                "2018年3月8日积分兑了么正式上线，瞬间引爆整个积分市场，开启了积分兑换行业的元年。"
            },
            {
              src: require("../../assets/images/icon/04.png"),
              b_title: "全国首家",
              cont:
                "2018年3月8日积分兑了么正式上线，瞬间引爆整个积分市场，开启了积分兑换行业的元年。"
            }
          ]
        },
        {
          little_title: "上游渠道",
          message: [
            {
              src: require("../../assets/images/icon/05.png"),
              b_title: "打通40+家银行",
              cont:
                "第一家打通40+银行的积分兑换平台，确保信用卡用户覆盖率达到90%以上。"
            },
            {
              src: require("../../assets/images/icon/06.png"),
              b_title: "三网积分渠道",
              cont: "第一家打通全部手机运营商的积分兑换平台，覆盖人群更加广泛。"
            },
            {
              src: require("../../assets/images/icon/07.png"),
              b_title: "100%一手资源",
              cont:
                "所有银行和三网积分兑换的上游渠道，100%自主建立，确保用户报单的安全、快速审核。"
            },
            {
              src: require("../../assets/images/icon/08.png"),
              b_title: "安全稳定",
              cont:
                "开创了积分兑换行业，并且及时新增了全行业独家发布的信用卡优惠资讯，优化用户报单体验。"
            }
          ]
        },
        {
          little_title: "技术团队",
          message: [
            {
              src: require("../../assets/images/icon/09.png"),
              b_title: "自有技术团队",
              cont:
                "积分兑了么作为创新性互联网企业，拥有强大的自有技术团队，满足各种技术开发的需求，才能不断适应积分行业迅速变化的市场环境。"
            },
            {
              src: require("../../assets/images/icon/10.png"),
              b_title: "成功开发经验",
              cont:
                "积分兑了么成立以来，已经成功开发并运作了多个成功的APP，都已经成为各自细分领域的知名互联网产品。"
            },
            {
              src: require("../../assets/images/icon/11.png"),
              b_title: "版本迭代",
              cont:
                "积分兑了么不断优化升级，不管是产品UI界面、会员模式，还是用户体验，都遥遥领先同行的模仿者。"
            },
            {
              src: require("../../assets/images/icon/12.png"),
              b_title: "用户极致体验",
              cont:
                "开创了积分兑换行业，并且及时新增了全行业独家发布的信用卡优惠资讯，优化用户报单体验。"
            }
          ]
        },
        {
          little_title: "运营经验",
          message: [
            {
              src: require("../../assets/images/icon/13.png"),
              b_title: "资深玩卡经验团队",
              cont:
                "积分兑了么的创业团队成员，全都是一群志同道合的资深玩卡大神，因为共同的梦想和兴趣走到一起。"
            },
            {
              src: require("../../assets/images/icon/14.png"),
              b_title: "专业的信用卡优惠资讯平台",
              cont:
                "积分兑了么的信用卡优惠信息，银行秒杀、卡友百科、玩赚积分等版块，是由微付网络专业的自媒体团队精心打造、每天更新，已经成为行业独家发布的玩卡圣地。"
            },
            {
              src: require("../../assets/images/icon/15.png"),
              b_title: "全年无休服务",
              cont:
                "365天全年无休，客服全程在线指导，确保用户兑换的流畅性和可及性。"
            },
            {
              src: require("../../assets/images/icon/16.png"),
              b_title: "专业&丰富经验的客服团队",
              cont:
                "365天全年无休模式客服全程在线指导，确保了用户体验和服务稳定性。"
            }
          ]
        }
      ]
    };
  },
  methods: {
    lookadvan(key) {
      if (this.advan_index == key) {
        this.advan_index = 20;
        return false;
      }
      this.advan_index = key;
    }
  }
};
</script>

<style lang="scss" scoped>
@import url("../../assets/scss/product/mproduct.css");
</style>